@charset "utf-8";


@font-face {
	font-family: 'Univers';
	src: url('../UNVR67W_0.TTF') format('truetype'), url('../UNVR67W_0.svg') format('svg'),url('../UNVR67W_0.woff') format('woff');/*路径要正确*/
	font-weight: normal;
	font-style: normal;
}  
body{

}


*{ box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, caption, tbody, tfoot, thead, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, caption, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0px; border: 0; font-size: 100%; outline: none; }
html { font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; overflow-x: hidden;}
/* always display scrollbars */
body { font:14px/30px "Microsoft Yahei","微软雅黑","Arial","Helvetica","SimHei","黑体","STXihei","华文细黑",sans-serif; margin: 0 auto; color:#666666;  width: 100%; height: 100%; overflow: hidden;}
body{overflow-x:hidden}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
input, select,button{ vertical-align: middle; outline: none; padding:0; }
ol, ul,li{ list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
i,em,b{ font-style:normal; font-weight:normal; }*/
img { border:0;}
input[type="text"], input[type="button"], input[type="submit"], input[type="reset"] ,select{ -webkit-appearance: none; border-radius: 0;}
textarea { -webkit-appearance: none; border-radius: 0; background:none; outline:none; padding:0; margin:0; border:none;}
::-moz-selection { background: #ebb112; color: #fff; text-shadow: none; }
::selection { background: #ebb112; color: #fff; text-shadow: none; }
a{ text-decoration:none; blr: expression(this.onFocus=this.blur()); cursor: pointer; color:#666666; -webkit-transition: 0.3s; -moz-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; }
a:link, a:visited { text-decoration: none; }

.clear { clear: both; }
.clearfix:before, .clearfix:after { display: table; content: ""; line-height: 0px; }
.clearfix:after { clear: both; }
.clearfix { *zoom: 1; }
.fl{ float:left;}
.fr{ float:right;}
.tl{text-align: left;}
.tc{text-align: center;}
.tr{text-align: right;}
h1,h2,h3,h4,h5{ font-weight:normal; display:block;}
input,button,table,tr,td,textarea{ font-family:Microsoft yahei,Arial;}
.bgffffff{background: #ffffff;}
.bgf7f7f7{background: #f7f7f7;}
.bgf5f5f5{background: #f5f5f5;}
.w1200{ width:1200px; margin:0px auto;}
.w1260{ width:1260px; margin:0px auto;}
.ft26{font-size: 26px;}
.ft20{font-size: 20px;}
.bg0{background: none !important;}
.ml10{ margin-left: 10px;}
.ml20{ margin-left: 20px;}
.ml30{ margin-left: 30px;}
.ml40{ margin-left: 40px;}
.ml50{ margin-left: 50px;}
.h150{height: 150px;}
.mt30{margin-top: 30px !important;}
.mt40{margin-top: 40px !important;}
.pd0{padding: 0 !important;}
.mt0{margin: 0 !important;}
.mb20{margin-bottom: 20px !important;}
input:required:invalid, input:focus:invalid, textarea:required:invalid, textarea:focus:invalid{box-shadow: none; -moz-box-shadow: none;}

input::-webkit-input-placeholder, textarea::-webkit-input-placeholder{color: #333;} 

input:-moz-placeholder, textarea:-moz-placeholder{color: #333;} 

input::-moz-placeholder, textarea::-moz-placeholder{color: #333;} 

input:-ms-input-placeholder, textarea:-ms-input-placeholder{color: #333;} 


.index-table{display: table;  height: 100%; width: 100%;}
.index-cell{display: table-cell;
    vertical-align: middle;

}











.white{color: #fff !important;}

.red{color: #a21f24 !important;}

.gray333{color: #333 !important;}

.gray999{color: #999 !important;}






.f12{font-size: 12px;}

.f14{font-size: 14px !important;}

.f16{font-size: 16px;}

.f18{font-size: 18px;}

.f20{font-size: 20px;}

.f22{font-size: 22px;}

.f24{font-size: 24px;}

.f26{font-size: 26px;}

.f28{font-size: 28px;}

.f30{font-size: 30px;}

.f36{font-size: 36px;}

.f38{font-size: 38px !important;}

.f40{font-size: 40px;}

.fw{font-weight: bold;}

.mt20{margin-top: 20PX;}
.mt80{margin-top:80PX;}
.pt60{padding-top: 60px;}
.index-head{width: 100%; background: #1b1b1b; box-sizing: border-box; position: relative;}

.index-head-main{width: 100%;  display: flex; display: -webkit-flex; /* Safari */;align-items: center;}

header{box-sizing: border-box;padding: 20px 30px 20px 100px; position: fixed; z-index: 999; background: #ffffff; width: 100%; box-sizing: border-box; }

header.on{box-shadow: 0px 5px 20px 1px rgba(0,0,0,.15);}



.index-head-main>ul { min-width: 1000px; width: 80%; margin-left: 7%; float: left;}
.index-head-main>ul li{width:16%; text-align: center; padding: 15px 0 ;box-sizing: border-box;}

header ul li{float: left;position: relative;}
header ul li ul.ul-list{position: absolute; top: 45px; padding: 15px 0 15px; background: #ffffff; display: none; width: 100%;}
header ul li ul.ul-list li{float: left; width: 100%; margin: 8px 0; padding: 0; }
header ul li ul.ul-list li a{ font-size: 14px;}
header ul li>a{font-size: 16px;color: #141418;display: block; box-sizing: border-box;}
header ul li.on a{color: #b58c55;}
header .logo1 {margin-right: 20px; float: left;}
header .logo1 img{height: 45px;}
header ul li.on>a{ color: #b58c55;}
header ul li a:hover{ color: #b58c55;}


.menubox.solid{ position: fixed; top: 0; left: 0; right: 0; z-index: 9999; 
    -webkit-transition: all 0.3s ease-in;
    -moz-transition: all 0.3s ease-in;
    -o-transition: all 0.3s ease-in; box-sizing: border-box; background: #ffffff;   -webkit-box-shadow:0 0 20px 1px #d0d0d0;  
  -moz-box-shadow:0 0 20px 1px #d0d0d0;  
  box-shadow:0 0 20px 1px #d0d0d0; }
.menubox.solid ul li > a{color: #141418}
.menubox.solid .text{ border-left: 1px solid #d8d8d8;}

.menubox.solid ul li>a:hover{color: #dbb161;}



.search-btn{float: right; margin-top: 15px; background: url(../images/search2.png) no-repeat center center; width: 60px; height: 29px; cursor: pointer;}
.la-close{font-family: sans-serif; font-size: 35px;}
.search_sec {position: fixed;top: 0;width: 100%;height: 100%;background-color: rgba(26,32,49,0.95);z-index: 999999999999;opacity: 0;visibility: hidden;
	-webkit-transform: scale(0.9);
	-moz-transform: scale(0.9);
	-ms-transform: scale(0.9);
	-o-transform: scale(0.9);
	transform: scale(0.9);
}
.search_sec.active {	opacity: 1;	visibility: visible;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}
.search_sec.active .search_field {	margin: 0;}
.search_field {	position: absolute;	top: 50%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
	width: 100%;
	margin-top: -50px;
	-webkit-transition: all 1s ease-in-out;
	-moz-transition: all 1s ease-in-out;
	-ms-transition: all 1s ease-in-out;
	-o-transition: all 1s ease-in-out;
	transition: all 1s ease-in-out;
}
.search_field .container {	max-width: 800px;	margin: 0 auto;}
.search_field form {position: relative;}
.search_field form input {width: 100%;	height: 66px;	background-color: #e5e5e5;	color: #262626;	font-size: 17px;	padding: 0 30px;	border:0;	box-sizing: border-box;	border-radius:5px;}
.search_field form button {position: absolute;	top: 19px;	right: 24px;	background-color: inherit;	border:0;}
.close-search {	position: absolute;	top: 60px;	right: 70px;	color: #c6c7ca;	font-size: 40px;}
.close-search:hover {color: #c6c7ca;}



.header-warp{background-color: #fff;display: none;position: fixed;width: 100%;height: 100%}
.header-warp.on{display: block;}
.float-box{position: absolute; left: 0;top: 25%;z-index:18;transition: all 0.2s;-webkit-transition: all 0.2s;}
.float-box .bot{width:100px;cursor: pointer;transition: all 0.2s;-webkit-transition: all 0.2s;}
.header-left{width: 25%;position: fixed;left:-25%;top: 0;height: 100%;z-index: 99999;opacity: 0;transition: all 0.5s;-webkit-transition: all 0.5s;overflow: hidden;}
.header-left.on{opacity: 1;left:0%}
.header-left img{display: block;width: 100%; transform:scale(1.1);-webkit-transform:scale(1.1);transition: all 2s;-webkit-transition: all 2s;transition-delay:0.5s;}
.header-left.on img{transform:scale(1);-webkit-transform:scale(1);}

    .header{width:0%;height: 100%;position: fixed;right: 0;top: 0;background-color: #fff;z-index: 99999;opacity: 0;transition: all 0.5s;-webkit-transition: all 0.5s;box-shadow: -1px 0 10px 0 rgba(0,0,0,0.2)}
    .header.on{opacity: 1;width: 75%;}
    .header .navv{position: absolute;right: 5%;top: 3%;z-index: 5;}
    .navv{
        width:40px;
        height:38px;
        margin:0 auto 0;
        cursor: pointer;
        position: relative;
    }
    .navv>div{line-height: 10px; transition: all 0.6s;}
    .navv>div i{ display: inline-block; width: 3px; height: 3px; background: #141418; margin: 0 5px;
       
        -webkit-transition: all 0.8s;
                transition: all 0.8s;
         -webkit-border-radius : 20%;
            -moz-border-radius : 20%;
                 border-radius : 20%;
    }
    .navv>span{position: absolute; top: 7px; left: 0; color: #141418; opacity: 0; transition: all 0.6s;}
    .float-box .bot:hover .navv>span{opacity: 1;}
    .float-box .bot:hover .navv>div{opacity: 0;}
    .navv p{
        width:40px;
        height: 2px;
        background-color: #333;
        position: absolute;
        left: 0;
        -webkit-transition: all 0.8s;
                transition: all 0.8s;
         -webkit-border-radius : 20%;
            -moz-border-radius : 20%;
                 border-radius : 20%;
    }
    .navv p:nth-child(1){
        top: 2px;
            -webkit-transform-origin: left top;
                -ms-transform-origin: left top;
                    transform-origin: left top;
            -webkit-transform: rotateZ(0deg);
                -ms-transform: rotateZ(0deg);
                    transform: rotateZ(0deg);
                -webkit-transition: all 0.5s;
                    -ms-transition: all 0.5s;
                        transition: all 0.5s;
    }

    .navv p:nth-child(1){
         -webkit-transform: rotateZ(45deg);
                 transform: rotateZ(45deg);
    }
    .float-box .navv p:nth-child(1){
         -webkit-transform: rotateZ(0deg);
                 transform: rotateZ(0deg);
    }
    .navv p:nth-child(2){
        top: 16px;
        width: 54px;
        left: -7px;
        -webkit-transition: all 0.5s;
                transition: all 0.5s;
    }
    .navv p:nth-child(2){
        opacity: 0;
    }
    .float-box .navv p:nth-child(2){
        opacity: 1;
    }
    .navv p:nth-child(3){
        top: 30px;
            -webkit-transform-origin: left bottom;
                -ms-transform-origin: left bottom;
                    transform-origin: left bottom;
            -webkit-transform: rotateZ(0deg);
                -ms-transform: rotateZ(0deg);
                    transform: rotateZ(0deg);
                -webkit-transition: all 0.5s;
                    -ms-transition: all 0.5s;
                        transition: all 0.5s;
    }
    .navv p:nth-child(3){
        -webkit-transform: rotateZ(-45deg);
                transform: rotateZ(-45deg);
    }
    .float-box .navv p:nth-child(3){
       -webkit-transform: rotateZ(0deg);
                transform: rotateZ(0deg);
    }
    
.header .nav1{width: auto;margin:12% 0 10% 8%;opacity: 0;transition: all 0.5s;-webkit-transition: all 0.5s;}
.header .nav1.on{margin:10% 0 10% 8%;opacity: 1}
.header .nav1 a{display: inline-block;margin-right:44px;padding-left: 67px;line-height: 22px;font-size:14px;color: #282828;position: relative;transition: all 0.3s;-webkit-transition: all 0.3s;}
.header .nav1 a:before{display: block;width: 52px;height: 1px;content: '';display: block;position: absolute;left: 0;top: 48%;background-color: #282828;transition: all 0.3s;-webkit-transition: all 0.3s;}
.header .nav1 a:hover{padding-left: 60px;margin-right:51px;}
.header .nav1 a:hover:before{width:45px;}
.header .nav2{width: auto;padding-left: 8%;position: relative;margin:0% 0 10% 0;opacity: 0;transition: all 0.5s;-webkit-transition: all 0.5s;position: relative;top:2%}
.header .nav2.on{opacity: 1;top: 0}
.header .nav2 li{width:auto;float: left;margin-right:6%;}
.header .nav2 li .h2{display: block;font-size: 24px;line-height: 25px;color: #282828;margin-bottom: 40px;padding-left: 0}
.header .nav2 li .h2 span{font-size: 18px;font-family:'Century Gothic'}
.header .nav2 li a{display: block;font-size: 14px;line-height: 29px;color: #666666;padding-left: 28px;}
.header .nav2 li a em{display: inline-block;width:0px;height: 1px;background-color:#666666;margin-right: 3px;transition: all 0.3s;-webkit-transition: all 0.3s;}
.header .nav2 li a:hover em{width: 12px;}


 @media all and (max-width:1820px) {
	.header .nav1.on{ margin: 10% 0 10% 6%;}
	.header .nav2{padding-left: 6%;}
	.header .nav2 li{margin-right: 5%;}
	
}  

 @media all and (max-width:1820px) {	
	.header .nav2 li{margin-right: 4%;}
	
}  




@media all and (max-width:1500px) {
	.header .nav1.on{ margin: 10% 0 10% 5%;}
	.header .nav2{padding-left: 5%;}
	.header .nav2 li .h2{font-size: 20px;}
	
}